<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<link rel="stylesheet" type="text/css" href="/css/note.css">
	<script src="/js/note.js"></script>
	<script>
	 var editor=CKEDITOR.replace('TextArea1');
	</script>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl"/>
		<!-- 中部content div开始 -->
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
				<div style="width: 100%; height: 500px; background: white;">
					<div class="box box-primary">
						
						<div class="tab-header">
							<div class="mailbox-controls"
								style="margin: 0 auto; width: 800px; margin-top: 25px;">
								<div>
									<div style="display: inline-block; line-height: 29px">
										<i class="iconfont icon-notebook" style="font-size: 12px;"></i>
									</div>
									<div class="viewnote-share  select-tittle" style="border: none">
									
									<#list notedirbyname as dirname>
										<span class="dirtype-select" dataid="${dirname.id}" style="color: #606060; font-weight: 400; color: #606060; padding: 4px 3px 0; line-height: 29px;"title="移动笔记">${dirname.name}</span>
									</#list>	
										<div class="viewnote-share-icon" style="border: none">
											<div
												style="position: relative; margin-top: 6px; padding: 1px;">
												<i class="iconfont icon-unfold" style="font-size: 12px"></i>
											</div>										
										</div>									
										<div style="position: absolute;">
											<ul>
												<li></li>
												<li></li>
											</ul>
										</div>
									</div>
									<!-- <div style="display: inline-block;">
												<i class="iconfont icon-enter" style="font-size: 12px"></i>
											</div> -->
									<div class="select-div"
										style="max-height: 350px; overflow-y: scroll;">
										<ul class="select-div-son">
											
										</ul>
									</div>
									<div style="float: right; margin-top: 3px;">
										<a href="javascript:void(0)"
											style="margin-right: 15px; padding: 4px 15px;"
											class="mail-btn-cancel  mail-btn btn-default"> 取消 </a> 
										<a type="发送" class="note-finish btn-primary uniquebackground"
											style="color: white; padding: 4px 15px;"> 完成 </a>
									</div>
								</div>
							</div>
							<div class="tab-content"
								style="width: 800px; margin: 0 auto; border-top: 1px solid #eae1e1;">
								<div style="padding: 10px">
									<input type="text" class="viewnote-tittle"
										placeholder="写下笔记标题...." style="color: #c65f4a" />
								</div>
								<div style="padding:15px 10px 10px 10px">
								<textarea id="TextArea1" cols="20" rows="2" class="ckeditor" name="content"></textarea> 
									<!--  <textarea id="TextArea1" class="newnote-area ckeditor"
										style="line-height: 19px; width: 100%; min-height: 500px; outline: none; border: none"
										placeholder="输入笔记内容..."></textarea>  -->
								</div>
							</div>
						</div>

						<!-- 右部div盒子开始 -->
					</div>
					<!-- 中部content内容 div结束 -->
				</div>

				<!-- 中部content div结束-->
			</div>
			<!-- body大盒子div结束 -->
		</div>
	</div>
</body>
</html>